<template>
     <div class="layout-main">
       
        <el-row  style="margin-top: 20px">
            <el-col>
            
            </el-col>
        </el-row>
    </div>
</template>
<script>

export default {
    name: "Index",
    data() {
        return {


        }
    },
    mounted: function() {

    },
    methods: {


    },
    components: {



    }
}
</script>
<style scoped>
.info-card {
    text-align: center;
    background-color: #fff;
    padding-bottom: 20px;
}

.info-card-count {

    font-size: 20px;
}

.info-card-title {
    font-size: 12px;
}

.left-area {
    float: left;
    height: 100%;
    width: 36%;
    display: table;
    text-align: center;
}

.info-card-wrapper .content-con {
    width: 100%;
    height: 100%;
    position: relative;
}

.info2 {
    height: 240px;
    overflow-y: auto;
}

.notice {
    height: 240px;
    overflow: hidden;
}

.info2 li {
    list-style: none;
    line-height: 2;
    font-size: 16px;
}

.info2.img {
    text-align: center;
}

.info.img img {
    height: 100%;

    overflow: hidden;
}

.notice li {
    line-height: 30px;
    height: 30px;
    border-bottom: 1px dotted #cecece;
    cursor: pointer;
}

.notice li:hover {
    color: #2d8cf0;
}

.notice-title {
    text-overflow: ellipsis;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    font-size: 14px;
    float: left;
    position: relative;


}

.notice-title.top {
    color: #2d8cf0;
}

.notice-title font {
    margin-right: 5px;
}

.noticetitle {
    font-size: 18px;
    text-align: center;

    line-height: 20px;
    font-family: "微软雅黑";
    margin: 0px auto;
    clear: both;

    padding-bottom: 15px;
}

.noticecontent {
    font-size: 16px;
    text-align: center;
    text-align: left;
    line-height: 20px;
    margin-bottom: 40px;
}

.dhouse {
    border-bottom: 1px dotted #cecece;
    padding: 5px 0px;
}
</style>